<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>标签管理</title>
    <!--百度统计-->
    <script src="/blog/js/statistics.js"></script>
    <!--layUI的css-->
    <link rel="stylesheet" href="/layui/css/layui.css">
    <style>
        body{
            width: 100%!important;
            height: 100%!important;
            background-image: url("https://z3.ax1x.com/2021/08/28/hlyVER.jpg");
            background-size: 100% auto;
            background-repeat: repeat;
        }
    </style>
    <!--layUI的js-->
    <script src="/layui/layui.js"></script>
    <script>
        layui.use(['layer'],function (){
            layer.load(1);
        })
    </script>
</head>
<body>

<div class="layui-container">
    <div class="layui-form-item"></div>
    <div class="layui-form-item">
        <div class="layui-btn-group">
            <button id="add_btn" type="button" class="layui-btn layui-btn-sm">
                <i class="layui-icon">&#xe654;</i>
            </button>
            <button id="edit_btn" type="button" class="layui-btn layui-btn-sm layui-bg-blue">
                <i class="layui-icon">&#xe642;</i>
            </button>
            <button id="delete_btn" type="button" class="layui-btn layui-btn-sm layui-bg-red">
                <i class="layui-icon">&#xe640;</i>
            </button>
        </div>
    </div>

    <table style="margin-bottom: 5em;opacity: 0.7" class="layui-table" layui-skin="line" lay-even lay-size="lg">
        <colgroup>
            <col width="150">
            <col width="200">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>&nbsp;</th>
            <th>标签名</th>
            <th>博客数</th>
            <th>描述</th>
        </tr>
        </thead>
        <tbody id="tag_list">
        <!--<tr>
            <td><input type="radio" name="tag_id"></td>
            <td>快速开始</td>
            <td>12</td>
            <td>对于某种技术的快速使用</td>
        </tr>-->
        </tbody>
    </table>
</div>
</body>
</html>

<!--增加和修改标签的layer-->
<form id="add_edit_layer" class="layui-form layui-form-pane" hidden>
    <div class="layui-form-item">
        <label class="layui-form-label">标签名</label>
        <div class="layui-input-block">
            <input type="text" name="name" required  lay-verify="required" placeholder="标签名..." autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">描述</label>
        <div class="layui-input-block">
            <input type="text" name="description" required  lay-verify="required" placeholder="描述..." autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item" hidden name="blog_number">
        <label class="layui-form-label">博客数</label>
        <div class="layui-input-block">
            <input type="text" disabled name="blog_number" autocomplete="off" class="layui-input" value="0">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block" style="text-align: right">
            <button class="layui-btn" lay-submit lay-filter="form_submit">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary" id="reset_btn">重置</button>
        </div>
    </div>
</form>
<!--jQuery-->
<script src="/jquery-3.6.0.min.js"></script>
<!--引入自己的js-->
<script src="/settings/js/tag.js"></script>